<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no">
        <meta name="apple-mobile-web-app-title" content="斗米兼职">
        <meta name="format-detection"content="telephone=no">
        <meta name="apple-mobile-web-app-capable" content="yes">
        <meta name="apple-mobile-web-app-status-bar-style" content="black">
        <meta name="description" content="">
        <meta name="keywords" content="">
        <link rel="apple-touch-icon-precomposed" href="http://sta.ganji.com/att/project/app/parttime_job/doumi/logo_app.png">
        <script src="https://api.map.baidu.com/api?v=2.0&ak=XLwUQbNWQVgZgPoGtu0U9uwT0eGplAgx&s=1" type="text/javascript"></script>
        <title>考勤位置地图</title>
    </head>
    <style>
        html,body,#l-map{
            width: 100%;
            height: 100%;
        }
        .signin-tip {
                position: absolute;
                height: 26px;
                line-height: 26px;
                padding: 0 8px;
                background: #fff;
                font-size: 12px;
                color: #666;
                border-radius: 4px;
                z-index: 999;
                box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.07);
            }
            .signin-tip::after {
                content: "";
                position: absolute;
                left: 0;
                top: 0;
                width: 200%;
                height: 200%;
                border: 1px solid rgba(150, 150, 150, 0.24);
                box-sizing: border-box;
                border-radius: 4px;
                -webkit-transform: scale(0.5);
                transform: scale(0.5);
                -webkit-transform-origin: 0 0;
                transform-origin: 0 0;
            }
            .signin-tip .arrow {
                position: absolute;
                width: 15px;
                height: 15px;
                background: #fff;
                border-width: 0 0 1px 1px;
                border-style: solid;
                border-color: rgba(150, 150, 150, 0.24);
                left: 50%;
                bottom: 0;
                margin: 0 0 -8px -8px;
                transform: rotate(-45deg) scale(0.5);
                -webkit-transform: rotate(-45deg) scale(0.5);
                z-index: 1;
            }
            .signin-tip.location {
                padding-left: 14px;
            }
            .signin-tip.location::before {  
                content: "";
                position: absolute;
                width: 6px;
                height: 100%;
                background: rgb(36, 140, 255);
                left: 0;
                top: 0;
                border-radius: 4px 0 0 4px;
                z-index: 1;
            }
    </style>
    <body ontouchstart="">
        <!-- page start -->
        <div id="l-map"></div>
        <!-- page end -->
    </body>
</html>
